<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="./images/logo.ico" type="image/x-icon"/>
<!-- 自动识别start--->
<script type="text/javascript">
     var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");
     var browser = navigator.userAgent.toLowerCase(); 
     var isMobile = false; 
     for (var i=0; i<mobileAgent.length; i++){ 
         if (browser.indexOf(mobileAgent[i])!=-1){ 
              isMobile = true; 
              break;
         }
         
     }
    console.log(isMobile);
     if(!isMobile){
        location.href = './index.html';
     }
</script>
<title>实地圈手机官网</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/>
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/indexPhone.css">
<script src="js/swiper.min.js"></script>
<script src="./js/sethtmlfontSize.js"></script>
<script src="js/swiper.animate.min.js"></script>
</head>
<body>
<div class="swiper-container">
    <div class="swiper-wrapper">
    <!-------------slide1----------------->
        <section class="swiper-slide swiper-slide1">
        <div class="logo">
            <img class="logo-image" src="images/logo.png" alt="">
            <span class="logo-banner">实地圈</span>
            <span class="logo-detail">——&nbsp;随时随地免费开店</span>
        </div> 
        <div class="direction">
            <img class="thme" src="images/phone.png" alt="">
        </div>
        <div class="download">
            <div class="download-logo">
                <a href="http://www.shidiquan.cn/sdq/h5/webService/appDownload/1"><img  class="download-logo-image android" src="images/android.png" alt=""></a>
                <a href="javascript:void(0)"> <img  class="download-logo-image download-logo-image2 ios" src="images/ios.png" alt=""></a>
            </div>
        </div>       
        </section>
     <!---------------slide2-------------->   
        <section class="swiper-slide swiper-slide2">
            <div class="logo">
            <img class="logo-image" src="images/logo.png" alt="">
            <span class="logo-banner">实地圈</span>
            
            <span class="logo-detail">——&nbsp;地理位置经济共享</span>
        </div> 
        <div class="direction">
          
            <img class="thme" src="images/addr.png" alt="">
        </div>
        <div class="download">
            <div class="download-logo">
               <a href="http://www.shidiquan.cn/sdq/h5/webService/appDownload/1"><img  class="download-logo-image android" src="images/android.png" alt=""></a>
                <a href="javascript:void(0)"> <img  class="download-logo-image download-logo-image2 ios" src="images/ios.png" alt=""></a>
            </div>
        </div>       
        
        </section>
     <!----------------slide3-------------->
        <section class="swiper-slide swiper-slide3">
            
            <div class="logo">
            <img class="logo-image" src="images/logo.png" alt="">
            <span class="logo-banner">实地圈</span>
            <span class="logo-detail">——&nbsp;个人兼职/区域合伙人</span>
        </div> 
        <div class="direction">
            
            <img class="thme" src="images/home.png" alt="">
        </div>
        <div class="download">
           <div class="download-logo">
               <a href="http://www.shidiquan.cn/sdq/h5/webService/appDownload/1"><img  class="download-logo-image android" src="images/android.png" alt=""></a>
                <a href="javascript:void(0)"> <img  class="download-logo-image download-logo-image2 ios" src="images/ios.png" alt=""></a>
            </div>
        </div>       
        
        </section>
        <!-------------slide4----------------->
        <section class="swiper-slide swiper-slide4">
            
            <div class="logo">
            <img class="logo-image" src="images/logo.png" alt="">
            <span class="logo-banner">实地圈</span>
            <span class="logo-detail">——&nbsp;视频宣传片</span>
            </div> 
        <div class="direction direction-video">
           
            <div class="thme-video">
                <video id="video" controls preload loop >
                <source src=".//video/advr.mp4" type="video/mp4" ></source>
                <source src=".//video/advr.mov" type="video/mov"></source>
            </video>
            </div>
             
        </div>
        <div class="download">
            <div class="download-logo">
               <a href="http://www.shidiquan.cn/sdq/h5/webService/appDownload/1"><img  class="download-logo-image android" src="images/android.png" alt=""></a>
                <a > <img  class="download-logo-image download-logo-image2 ios" src="images/ios.png" alt=""></a>
            </div>
        </div>       
        </section>
    </div>
    
   <img src="images/arrow.png" style="width:20px;height:20px; top:450px; left:150px;" id="array" class="resize"> 
  <div class="swiper-pagination"></div>  
  
   <div  class="loading-indicator"></div>
    <div class="indicator">
        <img class="img1" src="./images/live_weixin_android.png" alt="">
        <img class="img2" src="./images/live_weixin_ios.png" alt="">
    </div>
</div>
<script src="js/jquery-1.7.2.min.js"></script>
<script >
 

    
   
    $(".ios").on("click",function(){
          var hostname="http://www.shidiquan.cn/sdq/";
        // 获取终端的相关信息
        var Terminal = {
            // 辨别移动终端类型
            platform : function(){
                var u = navigator.userAgent, app = navigator.appVersion;
                return {
                    // android终端或者uc浏览器
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
                    // 是否为iPhone或者QQHD浏览器
                    iPhone: u.indexOf('iPhone') > -1 ,
                    // 是否iPad
                    iPad: u.indexOf('iPad') > -1
                };
            }(),
            isWeixin:function(){
                //判断是否为微信
                var ismicr;
                if(Terminal.platform.android){
                    ismicr = (navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == "micromessenger");
                }else if(Terminal.platform.iPhone){
                    ismicr=(navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == "micromessenger")|| navigator.userAgent.toLowerCase().match(/qq/i) == "qq";
                }
                return ismicr;
            },
            // 辨别移动终端的语言：zh-cn、en-us、ko-kr、ja-jp...
            language : (navigator.browserLanguage || navigator.language).toLowerCase()
        };
            // 还可以通过language，区分开多国语言版
            /*switch(Terminal.language){
                case 'en-us':
                    theUrl = '你的iPad APP（英文版）对应下载地址：APP Store地址';
                    break;
                case 'ko-kr':
                    theUrl = '你的iPad APP（韩语版）对应下载地址：APP Store地址';
                    break;
                case 'ja-jp':
                    theUrl = '你的iPad APP（日文版）对应下载地址：APP Store地址';
                    break;
                default:
                    theUrl = '你的iPad APP（中文版-默认）对应下载地址：APP Store地址';
            }*/
//        }
//        location = theUrl;
        
        function showOrhide(){
            if(Terminal.platform.android){
//              promptInfo("1","img1");
 location.href="http://www.shidiquan.cn/sdq/h5/webService/appDownload/1";
            }else if(Terminal.platform.iPhone){
                promptInfo();
            }else if(Terminal.platform.iPad){
                promptInfo();
            }else{
 location.href="http://www.shidiquan.cn/sdq/h5/webService/appDownload/1";
            }
        }      
        function promptInfo(img){
            if (Terminal.isWeixin()){ //下如果是微信浏览器,提示在浏览器中打开 
               $(".indicator").find(".img2").css("display","block")
                              .siblings().css("display","none");
               $(".loading-indicator").css("display","block");
               location.href="https://itunes.apple.com/cn/app/shi-de-quan/id1072042467?mt=8";
            } else { //不是微信浏览器的时候所做的判断
               $(".indicator").find(".img2").css("display","none")
                              .siblings().css("display","none");
               $(".loading-indicator").css("display","none");
                location.href="https://itunes.apple.com/cn/app/shi-de-quan/id1072042467?mt=8";
            }
        }
        showOrhide();
        location.href="http://itunes.apple.com/cn/app/shi-de-quan/id1072042467?mt=8";
    });
    
    $(".thme-video").on("click",function(){
        
        $("#video").css("display","block");
         $("#video")[0].play();
    });
    $("#video").on("click",function(){
        $(this).css("display","none");
        
    });
</script>

<script>  

scaleW=window.innerWidth/320;
scaleH=window.innerHeight/480;
var resizes = document.querySelectorAll('.resize');
          for (var j=0; j<resizes.length; j++) {
           resizes[j].style.width=parseInt(resizes[j].style.width)*scaleW+'px';
		   resizes[j].style.height=parseInt(resizes[j].style.height)*scaleH+'px';
		   resizes[j].style.top=parseInt(resizes[j].style.top)*scaleH+'px';
		   resizes[j].style.left=parseInt(resizes[j].style.left)*scaleW+'px'; 
          }
		  
  var mySwiper = new Swiper ('.swiper-container', {
   direction : 'vertical',
   pagination: '.swiper-pagination',
  //virtualTranslate : true,
   mousewheelControl : true,
   onInit: function(swiper){
   swiperAnimateCache(swiper);
   swiperAnimate(swiper);
	  },
   onSlideChangeEnd: function(swiper){
	swiperAnimate(swiper);
    },
	onTransitionEnd: function(swiper){
	swiperAnimate(swiper);
    },
	
	
	watchSlidesProgress: true,

      onProgress: function(swiper){
        for (var i = 0; i < swiper.slides.length; i++){
          var slide = swiper.slides[i];
          var progress = slide.progress;
          var translate = progress*swiper.height/4;  
		  scale = 1 - Math.min(Math.abs(progress * 0.5), 1);
          var opacity = 1 - Math.min(Math.abs(progress/2),0.5);
          slide.style.opacity = opacity;
		  es = slide.style;
		  es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate3d(0,'+translate+'px,-'+translate+'px) scaleY(' + scale + ')';

        }
      },
	
	   onSetTransition: function(swiper, speed) {
        for (var i = 0; i < swiper.slides.length; i++){
          es = swiper.slides[i].style;
		  es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = speed + 'ms';

        }
      },

	   })         
  </script>
</body>
</html>
